<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-rim-auto-match" content="none">
    <title>海苔君</title>
    <link rel="stylesheet" href="css/topic.css" type="text/css"/>
</head>

<body class="graybg">
<div class="wrap">
    <div class="page-top">
        <div class="banner">
            <img src="images/default_cover.png" width="100%" height="auto" />
        </div>
        <div class="descript-box">
            <div class="p10">
                <div class="summary">
                    主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字主题介绍文字
                </div>
                <a href="javascript:;" class="extend-btn" id="openSummary"><img src="images/arrow_right.png" width="8" /> </a>
            </div>
            <div class="focus-topic">
                <a href="javascript:;" class="atten">关注活动</a>
            </div>
        </div>
    </div>
    <div class="class-list">
        <div class="topic-info">
            <a href="topic_detail.html" class="tx-list">
                <img src="images/default_tx.png" class="tx_0" />
                <img src="images/default_tx.png" class="tx_1" />
                <img src="images/default_tx.png" class="tx_2" />
                <img src="images/default_tx.png" class="tx_3" />
                <img src="images/default_more_tx.png" class="tx_4" />
            </a>
            <p>
                <span id="allNum">3213</span>人参与
            </p>
        </div>
        <div class="topic-tab pr">
            <a href="#" class="on">最新</a>
            <a href="#">最热</a>
        </div>
    </div>
    <div class="main-list">
        <ul>
            <li>
                <div class="cont">
                    <div class="img">
                        <img src="images/default_cover.png" />
                        <div class="img-foot">
                            <a href="javascript:;" class="xin"></a>
                            <a href="#" class="com">117</a>
                        </div>
                    </div>
                    <div class="p10">
                        <h3 class="tit">
                            这个是标题的文字占两排在
                        </h3>
                        <div class="cont-foot">
                            <a href="javascript:;" class="atten">加关注</a>
                            <a href="#">
                                <img src="images/default_tx.png" class="tx" />
                                <p class="g9 ell">用户昵称用户昵称用户昵称</p>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="cont">
                    <div class="img">
                        <img src="images/default_cover.png" />
                        <div class="img-foot">
                            <a href="javascript:;" class="xin xin-on"></a>
                            <a href="#" class="com">117</a>
                        </div>
                    </div>
                    <div class="p10">
                        <h3 class="tit">
                            这个是标题的文字占两排在
                        </h3>
                        <div class="cont-foot">
                            <a href="javascript:;" class="atten attend">加关注</a>
                            <a href="#">
                                <img src="images/default_tx.png"  class="tx" />
                                <span class="g9">用户昵称</span>
                            </a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="h70"></div>
<div class="fix-foot">
    <a href="javascript:;" class="btn yellow-btn">马上开晒</a>
</div>
<script src="js/lib/swiper.min.js"></script>
<script src="js/sea.js"></script>
<script>
    seajs.config({
        alias:{
            'jquery':'lib/jquery.js',
            'zepto':'lib/zepto.js',
            'swiper':'lib/swiper.min.js'
        },
        paths:{
            'basePath':'js/'
        },
        debug:true
    })
    seajs.use("src/ugc");
</script>
</body>
</html>
